<!DOCTYPE html>
<html lang="en">
<head>
    <title>Matrix Admin</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
    <link rel="stylesheet" href="css/uniform.css" />
    <link rel="stylesheet" href="css/select2.css" />
    <link rel="stylesheet" href="css/matrix-style2.css" />
    <link rel="stylesheet" href="css/matrix-media.css" />
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,800' rel='stylesheet' type='text/css'>

</head>
<style>

    .content-info{
        overflow: auto;
    }
    .content-info span{
        padding: 6px 0;
        float: left;
        width: 50%;
        display: block;
    }
    .td-btn{
        width: 150px;
    }
    /*************许永霖**********/
    .demo1{
        float: right;
        position: relative;
        right: 10px;
    }
    .demo1 ul{
        margin: 0px;
        padding: 0px;
    }
    .demo1 ul li {
        float:left;
        list-style-type:none;
        margin-left: 5px;
        /*line-height:15px;*/
    }
    .demo1 ul li input{
    }
    /*消除表格底部：无数据提示*/
    .odd{display: none}

    /********end***********/
</style>
<body>

<div id="content">
    <div id="content-header">
        <h1>不良纪录管理</h1>
    </div>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                <div class="widget-box">
                    <div class="widget-title"> <span class="icon"><i class="icon-th"></i></span>
                        <h5>记录列表</h5>
                        <div class="demo1">
                            <ul>
                               <!-- <li>
                                    <div data-date="12-02-2012" class="input-append date datepicker ">
                                        <h5>起始时间</h5>
                                        <input type="text" data-date-format="mm-dd-yyyy" class="span7">
                                        <span class="add-on"><i class="icon-th"></i></span>
                                    </div>
                                </li>
                                <li>
                                    <div data-date="12-02-2012" class="input-append date datepicker ">
                                        <h5>结束时间</h5>
                                        <input type="text" data-date-format="mm-dd-yyyy" class="span7">
                                        <span class="add-on"><i class="icon-th"></i></span>
                                    </div>
                                </li>-->
                                <li><button style="height: 30px ; background-color: #989898;color: white;width: 75px">新增</button></li>
                            </ul>
                        </div>
                    </div>


                    <div class="widget-content nopadding ">
                        <table class="table table-bordered data-table " >
                            <thead id="tb" >
                            <tr >
                                <th>#</th>
                                <th>姓名</th>
                                <th>性别</th>
                                <th>年龄</th>
                                <th>身份证</th>
                                <th>工种类别</th>
                                <th>入黑名单时间</th>
                                <th>所属项目</th>
                                <th>入职时间</th>
                                <th>分包单位</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody >
                       <!--     <tr class="gradeX " >
                                <td>1</td>
                                <td ></td>
                                <td>湖北</td>
                                <td>大专</td>
                                <td>男</td>
                                <td>建筑电工</td>
                                <td>882100</td>
                                <td>固定期限</td>
                                <td>续签</td>
                                <td>两年</td>
                                <td>2016.8.5</td>
                                <td>2016.8.6</td>
                                <td>2018.8.6</td>
                                <td>一星期</td>
                                <td style="width: 6%;"><span class="icon-pencil" style="margin-right:10px ;">编辑</span></td>
                            </tr>-->
                           <!-- <tr class="gradeC">
                                <td>2</td>
                                <td>王强</td>
                                <td>四川</td>
                                <td>大专</td>
                                <td>男</td>
                                <td>高处作业</td>
                                <td>882100</td>
                                <td>固定期限</td>
                                <td>续签</td>
                                <td>两年</td>
                                <td>2016.8.5</td>
                                <td>2016.8.6</td>
                                <td>2018.8.6</td>
                                <td>一星期</td>
                                <td ><span class="icon-pencil" style="margin-right:10px ;">编辑</span></td>
                            </tr>
                            <tr class="gradeA">
                                <td>3</td>
                                <td>李力</td>
                                <td>福建</td>
                                <td>本科</td>
                                <td>男</td>
                                <td>起重机械作业</td>
                                <td>882100</td>
                                <td>固定期限</td>
                                <td>续签</td>
                                <td>两年</td>
                                <td>2016.8.5</td>
                                <td>2016.8.6</td>
                                <td>2018.8.6</td>
                                <td>一星期</td>
                                <td><span class="icon-pencil"style="margin-right:10px ;">编辑</span></td>
                            </tr>
                            <tr class="gradeA">
                                <td>4</td>
                                <td>郭靖</td>
                                <td>四川</td>
                                <td>大专</td>
                                <td>男</td>
                                <td>建筑起重机械司机</td>
                                <td>882100</td>
                                <td>固定期限</td>
                                <td>续签</td>
                                <td>两年</td>
                                <td>2016.8.5</td>
                                <td>2016.8.6</td>
                                <td>2018.8.6</td>
                                <td>一星期</td>
                                <td ><span class="icon-pencil" style="margin-right:10px ;">编辑</span></td>
                            </tr>
                            <tr class="gradeA">
                                <td>5</td>
                                <td>王琦</td>
                                <td>安徽</td>
                                <td>中专</td>
                                <td>女</td>
                                <td>建筑焊工</td>
                                <td>882100</td>
                                <td>固定期限</td>
                                <td>续签</td>
                                <td>两年</td>
                                <td>2016.8.5</td>
                                <td>2016.8.6</td>
                                <td>2018.8.6</td>
                                <td>一星期</td>
                                <td><span class="icon-pencil" style="margin-right:10px ;">编辑</span></td>
                            </tr>
                            <tr class="gradeA">
                                <td>6</td>
                                <td>赵信</td>
                                <td>湖北</td>
                                <td>大专</td>
                                <td>男</td>
                                <td>建筑焊工</td>
                                <td>882100</td>
                                <td>固定期限</td>
                                <td>续签</td>
                                <td>两年</td>
                                <td>2016.8.5</td>
                                <td>2016.8.6</td>
                                <td>2018.8.6</td>
                                <td>一星期</td>
                                <td><span class="icon-pencil" style="margin-right:10px ;">编辑</span></td>
                            </tr>-->
                            </tbody>
                        </table>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<script>

 window.onload = function () {
     var datanav = [
         { "name": "刘志宏", "sex": "男", "age": "48", "IDcard": "513330198002257701", "worktype": "建筑电工", "badtime": "2016.10", "subproject": "武汉市金地天悦", "inworktime": "2015.6", "dutyunit": "潮安鹏达", "operation": "编辑", },
         { "name": "麻宏博", "sex": "男", "age": "45", "IDcard": "640323199203289555", "worktype": "高处作业", "badtime": "2016.10", "subproject": "武汉市金地天悦", "inworktime": "2015.6", "dutyunit": "潮安鹏达", "operation": "编辑", },
         { "name": "魏宏韩", "sex": "男", "age": "44", "IDcard": "130927199311235456", "worktype": "起重机械作业", "badtime": "2016.10", "subproject": "武汉市金地天悦", "inworktime": "2015.6", "dutyunit": "潮安鹏达", "operation": "编辑", },
         { "name": "何辰淋", "sex": "男", "age": "43", "IDcard": "410724199305099024", "worktype": "建筑起重机械师", "badtime": "2016.10", "subproject": "武汉市金地天悦", "inworktime": "2015.6", "dutyunit": "潮安鹏达", "operation": "编辑", },
         { "name": "牛旦", "sex": "男", "age": "48", "IDcard": "532926198404024936", "worktype": "建筑焊工", "badtime": "2016.10", "subproject": "武汉市金地天悦", "inworktime": "2015.6", "dutyunit": "潮安鹏达", "operation": "编辑", }
     ];
     var tb = document.getElementById("tb");
     for (var i = 0; i < datanav.length; i++) {
         var row = tb.insertRow(tb.rows.length);
         var c1 = row.insertCell(0);
         c1.innerHTML = i+1;
         var c2 = row.insertCell(1);
         c2.innerHTML = datanav[i].name;
         var c3 = row.insertCell(2);
         c3.innerHTML = datanav[i].sex;
         var c4 = row.insertCell(3);
         c4.innerHTML = datanav[i].age;
         var c5 = row.insertCell(4);
         c5.innerHTML = datanav[i].IDcard;
         var c6 = row.insertCell(5);
         c6.innerHTML = datanav[i].worktype;
         var c7 = row.insertCell(6);
         c7.innerHTML = datanav[i].badtime;
         var c8 = row.insertCell(7);
         c8.innerHTML = datanav[i].subproject;
         var c9 = row.insertCell(8);
         c9.innerHTML = datanav[i].inworktime;
         var c10 = row.insertCell(9);
         c10.innerHTML = datanav[i].dutyunit;
         var c11 = row.insertCell(10);
         c11.innerHTML = datanav[i].operation;
     }
 }
</script>

<script src="js/jquery.min.js"></script>
<script src="js/jquery-3.1.0.js"></script>
<script src="js/jquery.ui.custom.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.uniform.js"></script>
<script src="js/select2.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/matrix.js"></script>
<script src="js/matrix.tables.js"></script>

<script src="js/bootstrap-colorpicker.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
<script src="js/jquery.toggle.buttons.html"></script>
<script src="js/masked.js"></script>
<script src="js/jquery.uniform.js"></script>

<script src="js/matrix.form_common.js"></script>
<script src="js/wysihtml5-0.3.0.js"></script>
<script src="js/jquery.peity.min.js"></script>
<script src="js/bootstrap-wysihtml5.js"></script>
<script>
    $('.textarea_editor').wysihtml5();
</script>

<!--***********许********-->

<script type="text/javascript" src="laydate.dev.js"></script>

<script type="text/javascript">

    laydate({

        elem: '#J-xl1'

    });
    laydate({

        elem: '#J-xl2'

    });

</script>
<!--*********end**************-->
</body>
</html>
